.pxToRem(@p, @px) {
    @{p}: @px / 75px * 1rem;
}
.sc-head{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	.pxToRem(height,103);
	background: #fff;
	display: flex;
	justify-content:space-between;
	align-items:center;
	span{
		cursor: pointer;
	}
	.h-spleft{
		.pxToRem(font-size,50);
		padding: 2%;
		margin:2%;
		border-radius: 100%;
	}
	.h-spcenter{
		flex:1;
		text-align: center;
		.pxToRem(font-size,30);
	}
	.h-spright{
		width: 20%;
		display: flex;
		justify-content:space-around;
		align-items:center;
		img{
			.pxToRem(width,40);
		}
	}
}
.main{
	width: 100%;
	background: #efefef;
	.pxToRem(margin-top,200);
	.sc-sousuo{
		width: 100%;
		position: fixed;
		.pxToRem(top,103);
		left: 0;
		background: #efefef;
		span{
			margin: 2%;
			display: block;
			width: 75%;
			padding: 2% 10%;
			.pxToRem(border-radius,6);
			color: #969596;
			background: #fff url(../images/shouchonghao/shouchong3.png)no-repeat 2% center;
			.pxToRem(background-size,30);
			.pxToRem(font-size,26);
		}
	}
	.sj{
		width: 100%;
		background: #fff;
		display: flex;
		justify-content:center;
		.zuo{
			width: 20%;
			.pxToRem(margin-bottom,40);
			.swiper-wrapper{
				.swiper-slide{
					border:1px solid #f5f4f4;
					.pxToRem(height,100);
					.pxToRem(font-size,30);
				}
			}
		}
		.you{
			flex:1;
			display:flex;
			flex-direction:column;
			.yc{
				width: 100%;
				display:flex;
				border-bottom: 1px solid #f8f8f8;
				justify-content:space-between;
				align-items:center;
				.you-left{
					.pxToRem(width,68);
					margin:2%;
					img{
						width: 100%;
					}
				}
				.you-center{
					flex:1;
					.pxToRem(font-size,32);
				}
				.you-right{
					width: 20%;
					.pxToRem(font-size,24);
					span{
						color: #ff9360;
					}
				}
			}
		}
	}
}
